.aiDesign {
  display: flex;
  margin-top: 30px;
  flex-direction: column;
  position: relative;
}
.aiDesign .icon {
  width: 86.27px;
  height: 77.34px;
  background: url('@/assets/functions/icon1.png');
  background-size: cover;
  position: absolute;
  top: 30px;
  left: 100px;
}
.aiDesign .back {
  display: flex;
  flex-direction: column;
  width: 1314.168px;
  height: 587.088px;
  opacity: 1;
  border-radius: 62.34px;
  border: 2px solid linear-gradient(90deg, rgba(70, 54, 255, 0.6) 0%, rgba(203, 112, 255, 0.6) 38.43%, rgba(48, 224, 255, 0.6) 68.99%, rgba(76, 149, 252, 0.6) 100%);
  background: linear-gradient(139.93deg, #ffffff 0%, rgba(189, 214, 255, 0.77) 0%, rgba(200, 223, 255, 0.3) 57.94%, #a8c6ed 100%);
  box-shadow: 8px 20px 54px rgba(115, 169, 255, 0.51);
  transform: scale(0.8);
}
.aiDesign .back .titleBar {
  display: flex;
  flex-direction: row;
}
.aiDesign .back .titleBar .title {
  width: 312.048px;
  height: 55.38px;
  opacity: 1;
  font-size: 43.2px;
  font-weight: 700;
  margin-left: 115px;
  margin-top: 23px;
}
.aiDesign .back .titleBar .title2 {
  width: 246.036px;
  height: 28.32px;
  opacity: 1;
  font-size: 21.6px;
  font-weight: 550;
  margin-left: 15px;
  margin-top: 47px;
}
.aiDesign .back .hint {
  display: flex;
  flex-direction: row;
  margin-top: 30px;
  margin-left: 115px;
  font-size: 20px;
}
.aiDesign .back .hint .hint2 {
  color: #5784ff;
  margin-left: 5px;
  font-size: 20px;
}
.aiDesign .back .example {
  display: flex;
  flex-direction: row;
  border: 3px solid transparent;
  border-radius: 10px;
  width: 1009px;
  height: 40px;
  margin-left: 95px;
  background-color: white;
  align-items: center;
  margin-top: 14px;
  background: linear-gradient(white, white) padding-box, linear-gradient(90deg, #4636ff 0%, #cb70ff 38.43%, #30e0ff 68.99%, #4c95fc 100%);
}
.aiDesign .back .example .example-input {
  border: 2px solid transparent;
  outline: none;
  display: flex;
  align-items: center;
  width: 909px;
}
.aiDesign .back .hint3 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 430.2px;
  height: 25.2px;
  opacity: 1;
  font-size: 20px;
  font-weight: 540;
  margin-top: 70px;
  margin-left: 95px;
}
.aiDesign .back .select-board {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 115px;
  margin-top: 20px;
}
.aiDesign .back .select-board .select-wrapper {
  border-radius: 13px;
  border: 2px solid transparent;
  background: linear-gradient(white, white) padding-box, linear-gradient(90deg, #4636ff 0%, #cb70ff 38.43%, #30e0ff 68.99%, #4c95fc 100%);
}
.aiDesign .back .select-board .select-wrapper .selector {
  width: 163px;
  height: 28px;
  border-radius: 10px;
  box-shadow: 0px 2px 4px #5784ff;
  color: #5784ff;
  font-size: 14px;
  font-weight: 500;
  outline: none;
  padding-left: 7px;
}
.aiDesign .back-button {
  color: white;
  width: 100px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  font-weight: 400px;
  position: absolute;
  margin-top: 580px;
  margin-left: 1150px;
}
